/**
 * fullPage 1.4.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
 @font-face{
  font-family: Arista2;
  src: url("../fonts/sszhjt.ttf");
}
html, body {
    margin: 0;
    padding: 0;
}
.logo img{width:190px}
#superContainer {
    height: 100%;
    position: relative;
}
.section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slide {
    float: left;
}
.slide, .slidesContainer {
    height: 100%;
    display: block;
}
.slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.section.table, .slide.table {
    display: table;
    width: 100%;
}
.tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}
.controlArrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.controlArrow.prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.controlArrow.next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.scrollable {
    overflow: scroll;
}
.easing {
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.pro_nav li span{display:none}
.sanji_nav21 li{display:none !important}
.sanji_nav21 .active{display:block !important}
.sanji_nav li span{ padding: 0 25px; }
#fullPage-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fullPage-nav.right {
    right: 17px;
}
#fullPage-nav.left {
    left: 17px;
}
.fullPage-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fullPage-slidesNav.bottom {
    bottom: 17px;
}
.fullPage-slidesNav.top {
    top: 17px;
}
#fullPage-nav ul,
.fullPage-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fullPage-nav li,
.fullPage-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fullPage-slidesNav li {
    display: inline-block;
}
#fullPage-nav li a,
.fullPage-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
    background: #333;
}
#fullPage-nav span,
.fullPage-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.fullPage-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    top: -2px;
}
.fullPage-tooltip.right {
    right: 20px;
}
.fullPage-tooltip.left {
    left: 20px;
}
body{ font-size:16px; overflow-x: hidden !important; font-size: 16px;}
*{box-sizing: border-box; text-decoration: none; font-family: 'Noto Sans', sans-serif; padding: 0; margin: 0; border: 0;}
ul,li{list-style: none;}


/*内容*/
.con_txt{font-size: 70px; text-align: center; color: #fff; font-weight: bold; position: absolute; height: 200px;   bottom: 0; left: 0; right: 0; top: 0; margin: auto; z-index: 10; }
.con_txt span{color: #f5a21c;}
.banner{height: 100%; width: 100%;}

.section2 .listBox{margin-top: 5%;}
.section2 .listBox .leftBox{width: 49.89%;float: right;}
.section2 .listBox li{float: left;width: 32.933%;margin-right:.6%;height: 560px;display: table;text-align: center;padding: 0 3%;background:rgba(255,255,255,.65);-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.section2 .listBox li:nth-child(3n){margin-right:0;}
.section2 .listBox li .conBox{display: table-cell;vertical-align: middle;}
.section2 .listBox li .conBox h5{font-size:18px;line-height: 28px;font-weight:normal;color: #333;margin:5% 0;}
.section2 .listBox li .conBox p{color: #fff;line-height:23px;font-size: 14px; text-align: left;display: none;}
.section2 .listBox li:hover{background:#f5a21c;}
.section2 .listBox li:hover .conBox h5{color: #fff;}
.section2 .listBox li:hover .conBox p{display: block;}
.section2 .listBox li:hover .imgBox img{-webkit-filter: brightness(100);filter: brightness(100);}
.section2 .listBox .righBox{width: 49.89%;float: left;}
.section2 .listBox .righBox li{height: 278px;margin-bottom:4px;}
.section2 .listBox .righBox li:nth-child(4),
.section2 .listBox .righBox li:nth-child(5),
.section2 .listBox .righBox li:nth-child(6){margin-bottom:0;}

.my_banner .swiper-slide .con_txt{font-size:36px; text-align:left;font-weight: normal; }
.my_banner .swiper-slide .con_txt{text-align:left}
.my_banner .swiper-slide .con_txt span{font-size:106px; display:block; color:#fff; padding-bottom:15px; font-family:"Arista2"}
.cp_tit .title{float: left; width: 300px;}
.cp_nav{float: right; padding-top: 30px;}
.cp_nav li{margin-left: 45px; display: inline-block; }
.cp_nav li a{border: solid 1px #fff; border-radius: 40px; line-height: 40px; display: block; padding: 0 40px; color: #fff;}
.pro_li .item{float: left;}
.cp_tit{overflow: hidden;}
.cp_nav .active a{background: #f5a21c; border: 0;}
.pro_li li{width: 25%; float: left; padding: 0 15px;}
.pro_li .item a{text-align: center; background: rgba(255,255,255,0.65); border-radius: 4px; display: block; padding-bottom: 40px;} 
.imgBox{padding: 40px;}
.item h5{ font-size: 16px; color: #000; font-weight: normal; overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap; padding:0 15px; }
.pro_li .item img{max-height: 338px;}
.pro_li{margin: 0 -15px; padding-top: 70px;overflow: hidden;}
.button{text-align: center; margin-top: 80px; }
.button a{border-radius: 40px; line-height: 40px; width: 200px; border: solid 1px #fff; display: block; margin: 0 auto; color: #fff;}
.button a:hover{background: #f5a21c; border: 0}
.about_txt{width: 55%;}
.ab_content{margin-top: 50px;}
.about_txt p{color: #fff; line-height: 2em; margin-top: 1.5em; letter-spacing: 3px;}
.counter{width: 20%; float: left; padding-top: 170px; color: #fff; font-size: 20px;}
.counter h2{display: inline-block; padding-right: 10px; font-size: 48px; color: #fff}
.count-text {font-size: 18px; padding-top: 20px;}
.section1 .swiper {
        width: 100vw;
        height: 100vh;
      }
.swiper-pagination{color: #fff; text-align: right!important; padding-right: 30px; bottom:30px;}
.section1 {position: relative;}
.shubiao{position: absolute; bottom: 20px; padding-top: 30px; z-index: 100; left: 0; right: 0; margin: auto; text-align: center;}
.shubiao span{display: block; color: #fff}
.shubiao img{animation-name: example; margin-left: -10px;  animation-duration: 1s; animation-iteration-count: infinite; position: absolute;}
@keyframes example {
  0%   {top: -10px;}
  50% {top: 0}
  100% {top: -10px}
}
.swiper-button-prev:after,.swiper-button-next:after{color: #fff; opacity: 0.6;}
.swiper-button-prev:focus,.swiper-button-next:focus{outline: none}



/*内页公共部分*/
.ny_nav{height: 60px; line-height: 60px;  box-shadow: 3px 5px 5px #eee; margin-bottom: 70px;}
.ny_nav li > a{float: left; padding: 0 30px;}
.ny_nav .active > a{background: #369491; color:#fff; position: relative;}
.sanjier{left:0}
.sanji_nav .active a {margin:0 30px;}


.ny_nav .active > a:after{content: ""; display: block; background: url(../images/sanjiao.jpg) no-repeat center center; width: 26px; height: 14px; position: absolute; bottom: -14px; left: 50%; margin-left: -13px;}
.ny_banner{overflow: hidden; position: relative; width: 100%; top: 0;}
.ny_banner img{float: left;}
.ny_banner p{position: absolute; top: 50%; margin-top: -40px; font-size: 70px; color: #fff; z-index: 100;    font-weight: 100;}
.ny_banner p span{font-size: 70px; color: #f5a21c}
.lujing{font-size: 14px; float: right; color: #666}
.lujing a{color: #000}
.ny_banner .dingwei{position: absolute; top: 50%; margin-top: -150px;}
.ny_banner .dingwei h3{font-size: 90px; color: #fff; margin-bottom: 30px; font-weight: normal;}
.ny_banner .dingwei h4{font-size: 16px; font-weight: normal; color: #fff; line-height: 36px; max-width: 900px; text-indent: 2em}


/*关于我们*/


.abouts_ny h3{font-size: 45px; color: #333333}
.abouts_ny h3 span{font-size: 75px;  color: #369491; position: relative; top: 30px; padding-left: 20px;}
.abouts_ny h5{font-size: 48px; color: #369491}
.about_wenzi{width: 45%; float: left; padding-right: 100px;}
.about-jianjie{padding-top: 40px; line-height: 30px; color: #333; }
.about-jianjie p{margin-bottom: 40px;}
.about-jianjie img{width: 55%; float: left;}

.abouts_ny .counter {padding-top: 0; color: #666; font-size: 20px; color: #f5a21c; border-left: solid 1px #eee}
.abouts_ny .counter:first-child{border-left: 0}
.abouts_ny .timer{color: #369491; font-size: 48px; font-weight: bold;}
.abouts_ny .count-text {font-size: 16px; color: #333}
.abouts_ny .wrapper{  box-shadow: 0px 0px 15px #ddd; margin: 80px 0; padding: 25px; text-align: center;}
.rongyu{background: url(../images/about_heng.jpg) repeat-x center top; padding-top: 60px;}
.rongyu .ab_tit{font-size: 40px; color: #fff; font-weight: 100; margin-bottom: 34px; text-align: center;}
.rongyu .rongyujianjie{font-size: 24px; text-align: center; color: #fff; padding: 0 200px; line-height: 38px; font-weight: 100; margin-bottom: 75px;}
.rongyu {padding-bottom: 80px;}
.rongyu .swiper-pagination{text-align: center !important; bottom: 0px;}
.rongyu .swiper{padding-bottom: 50px;}
.rongyu .swiper-pagination-bullet{height: 12px; width: 12px; background: #e7e7e7; margin: 0 10px !important; opacity: 1;}
.rongyu .swiper-pagination-bullet:focus{outline: none}
.rongyu .swiper-pagination-bullet-active{background: #369491}


/*核心能力*/
.hexin_tit{padding: 60px 0; font-size: 48px; font-weight: 100; text-align: center;}
.suanfa_li{width: 33.33%; float: left; padding: 0 37px;}
.yinying_li{box-shadow: 0 0 20px #999; transition: all 0.5s; border-radius: 4px; overflow: hidden;}
.yinying_li img{width: 100%; transition: all 0.5s;}
 .yinying_li:hover{transform: scale(1.1);}
.suanfa_list{margin: 0 -37px;}
.suanfa_list h1{font-size: 20px; text-align: center; padding: 35px 15px 15px 15px;}
.suanfa_list p{padding: 0 15px; padding-bottom: 25px; font-size: 14px; color: #a2a2a2; line-height: 24px; height: 115px;}
.suanfa_list{margin-bottom: 90px;}
.yjyanfa{background: url(../images/hxsj.jpg) no-repeat; background-size:cover;}
.yjyanfa h3{font-size: 18px; font-weight: bold; color: #fff; text-align: center; margin-bottom: 35px; position: relative;}
.yjyanfa h3:after{content: ""; display: block; height: 1px; width: 400px; background: #fff; position: absolute; top: 16px; left: 50%; margin-left: -200px; opacity: 0.4;}
.yjyanfa h3:before{content: ""; display: block; height: 1px; width: 400px; background: #fff; position: absolute; top: 12px; left: 50%; margin-left: -200px; opacity: 0.4;}
.yjyanfa h3 span{background: #098573; display: block; position: relative; z-index: 10; width: 130px; margin: 0 auto}
.yjyanfa p{text-align: center; font-size: 14px; color: #fff;}
.yingjian_li img{width: 136px; display: inline-block; border: solid 5px rgba(255,255,255,0.4); border-radius: 6px; margin: 0 13px;}
.yingjian_li{text-align: center; margin-top: 75px; margin-bottom: 75px;}
.yjyanfa{min-height: 655px;}
.yjyanfa .swiper {        width: 100%;      }
.yjyanfa .swiper-pagination{color: #fff; text-align: center!important; padding-right: 30px; bottom:0px;}
.yjyanfa .swiper-button-prev:after,.yjyanfa .swiper-button-next:after{color: #fff; opacity: 0.6; font-size: 28px;}
.swiper-button-prev:focus,.swiper-button-next:focus{outline: none}
.yjyanfa{position: relative;}
.yjyanfa .swiper-pagination-bullet{height: 12px; width: 12px; background: #fff; margin: 0 10px !important; opacity: 1;}
.yjyanfa .swiper-pagination-bullet:focus{outline: none}
.yjyanfa .swiper-pagination-bullet-active{width: 50px; background: #f5a21c; border-radius: 0; border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.yjyanfa .swiper-button-prev{background: #f5a21c; padding: 32px 22px; left: 0; border-bottom-right-radius: 8px;  border-top-right-radius: 8px;}
.yjyanfa .swiper-button-next{background: #f5a21c; padding: 32px 22px; right: 0; border-bottom-left-radius: 8px;  border-top-left-radius: 8px;}
.w_50{width: 50%; float: left;}
.zhizao .wzjs{margin:85px 60px 0 60px; background: #369491; padding: 35px;}
.zhizao .wzjs h3{font-size: 28px; color: #f5a21c; margin-bottom: 30px;}
.zhizao .wzjs h3 span{font-size: 45px;}
.zhizao .wzjs p{line-height: 2.6em; font-size: 18px; color: #fff;}
.zhizao .wzjs p span{color: #f5a21c;}
.zhizao{padding-bottom: 80px; background: url(../images/hxnl/zhizao_bg.jpg) no-repeat center center; background-size: cover; overflow: hidden;}


/*产品中心*/
.pro_nav{margin-bottom: 0; box-shadow: inherit; border-bottom: solid 1px #eee}
.pro_ny{background: #f3f3f3}
.sanji_nav{height: 90px; padding-top: 24px; }
.sanji_nav .w_1360{display:none}
.sanji_nav li{display: inline-block; line-height: 40px; padding: 0 25px; }
.sanji_nav li a{color: #333}
.sanji_nav .active{}
.sanji_nav .active a{}
.pro_nyli{width: 33.33%; padding:0 15px;margin-bottom: 30px; float: left;}
.pro_nyli a{border: solid 1px #eee; background: #fff; display: block; transition: all 0.5s; position: relative; top: 0}
.pro_nyli a p{line-height: 75px; border-top: solid 1px #eee; text-align: center; padding: 0 15px; color: #333;transition: all 0.5s}
.pro_ny{overflow: hidden; padding-top: 70px;}
.pro_nyli a:hover{box-shadow: 0 0 15px #ccc; top: -10px;}
.pro_nyli a:hover p{background: #f5a21c; color: #fff;}
.sanji_nav0{display: none}
.pro_nav{position:relative}
.sanjier{position:absolute; display:none; top:60px; width:100%}
.ny_nav .active .sanjier{display:block; padding-top:24px;}
.ny_nav li > a{color:#333}
.sanjier .w_1360{padding:0 15px;}
.sanjier .w_1360 a{color:#333; margin:0 20px; padding:8px 15px;}
.sanjier .w_1360 .active{background:#f5a21c; color:#fff}

/*产品详情*/
.xx_lft{padding:60px 45px 0 45px; width:50%; float: left;}
.xx_right {width: 50%; float: left; padding-left: 120px;   padding-top: 60px;}
.container{overflow: hidden;}
.xx_lft .swiper-slide{text-align: center;}
.xx_lft .swiper-slide img{}
.pro_detail2  .section{padding: 110px 0 !important}
.pd_right{background: #fff; border-radius: 10px; padding: 50px; height: 550px}
.xx_right{padding-left: 120px;padding-top: 60px;}
.xx_right h3{font-size: 36px; margin: 0; font-weight: normal;}
.xx_right h4{font-size: 24px; color:#373737; margin: 30px 0; font-weight: normal;}
.xx_right h5{font-size: 20px; color:#373737; margin: 0 0 25px 0}
.jianjie{line-height: 30px; font-size: 15px; color: #4b4b4b; padding-top: 35px;}
.cpcanshu{background: #369491; padding: 100px 0  80px 0; overflow: hidden;}
.cs-tit{font-size: 60px; color: #fff; padding-bottom: 50px; }
.canshu_table table{border-radius: 8px; overflow: hidden; margin-bottom: 15px;}

.canshu_table table td{padding: 0 30px; line-height: 40px; font-size: 18px; color: #fff}
.canshu_table table tr:nth-child(odd){background: #69afad}
.canshu_table table tr:nth-child(even){background: #50a29f}
.canshu_table table tr:first-child td{background: #f5a21c; line-height: 60px !important; font-size: 22px; color: #fff; font-weight: bold;}


/*方案*/
.fangan_ny{display: flex;flex-wrap: wrap; margin: 0 -15px; padding-bottom: 60px;}
.fangan_li{width: 33.33%; padding: 0 15px; margin-bottom: 30px;}
.jjfa_ny{background: #f3f3f3}
.ny_nav{background: #fff}
.fangan_li a{display: block; position: relative; border-radius: 4px; overflow: hidden; color: #fff;  background: #369491; transition: all 0.5s}
.fangna_txt{position: absolute; top: 70px; text-align: center; padding: 0 30px; transition: all 0.5s;    width: 100%;}
.fangna_txt p{opacity: 0; margin-top: 20px; transition: all 0.5s; font-size: 14px; -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-line-clamp: 3; /* 2行，只有 webkit内核支持 */
    word-break: break-all; /* 纯英文换行 */
    overflow: hidden;display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */}
.fangna_txt span{background: rgba(245,162,28,0.8); transition: all 0.5s; display: block; border-radius: 80px; height: 80px; width: 80px; margin: 0 auto; margin-bottom: 20px;}
.fangan_li h3{font-size: 24px; font-weight: normal;}
.fangan_li a:hover .fangna_txt{top: 40px;}
.fangan_li a:hover p{opacity: 1;}
.fangan_li a:hover span{background: rgba(245,162,28,1);}
.fangan_li a:hover > img{opacity: 0.3;}
.fangan_li a >img{float: left; width: 100%}
.fangan_li a:hover{margin-top: -20px; box-shadow: 0 0 20px #666}
.fangan_li a:hover .fangna_txt span{width: 70px; height: 70px; }

/*方案详情*/
.anli_detail{}
.fa_title{font-size: 36px; color: #000; text-align: center; padding-top: 80px; padding-bottom: 65px; position: relative;}
.fa_title:after{content: ""; display: block; width: 60px; height: 5px; background: #f5a21c; position: absolute; bottom: 80px; left: 50%; margin: -30px;}
.xianzhuang .ma20{margin: 0 -20px; overflow: hidden; overflow: hidden;     display: flex;
    flex-flow: row wrap;  justify-content:center;
    text-align: center;}
.xz_li{width: calc(25% - 40px); margin:0 20px; background: #369491; border-radius: 8px;  display: inline-block;}
.xz_li .xz_di{padding: 40px 40px;}
.shuzi{text-align: center; font-size: 60px; font-weight: 700; color: #f5a21c; font-family: 'Archivo Black', sans-serif; position: relative; width: 120px; height: 80px; margin: 0 auto}
.shuzi:after{content: ""; display: block; background: url(../images/ya.png) no-repeat right center; position: absolute; bottom: 0; right: 0; width: 120px; height: 80px;}
.xz_di h3{font-size: 24px; color: #fff; text-align: center; font-weight: normal; margin: 30px 0}
.xz_di p{font-size: 14px; color: #fff; line-height: 2em; height: 110px;}
.xianzhuang{padding-bottom: 110px;}
.youshi{background: #369491; padding-bottom: 100px;}
.youshi .fa_title{color: #fff}
.youshi_li{float: left; width: 33.333%; padding: 0 15px; position: relative;}
.youshi_list:after{content:""; display:block; clear: both;}
.youshi_li img{width: 100%}
.youshi_li{transition:all 0.5s; cursor:pointer;}
.ys_wz{position: absolute; bottom: 0; left: 0; top: 0; right: 0; margin: auto; display: block; height: 80px; padding: 0 30px;  }
.youshi_li:hover{margin-top:-10px;}
.ys_wz h3{color: #fff; font-size: 24px; font-weight: normal; text-align: center; padding-bottom: 15px;}
.ys_wz p{font-size: 18px; color: #fff; line-height: 2em; text-align: center;}
.fa_jiagou{padding-bottom: 100px;}
.hexin_li{width: calc(25% - 30px); margin: 0 15px;background: rgba(255,255,255,0.8); border-radius: 8px; overflow: hidden; margin-bottom:30px;}
.hexin_li .hexin_lidi{ }
.hexin_list{display: flex; flex-flow: row wrap;  justify-content: flex-start;}
.hexin_list{margin: 0 -15px;}
.hexin_lidi h3{line-height: 60px; background: #f5a21c; text-align: center; color: #fff; font-size: 24px; font-weight: normal;}
.hexin_lidi p{text-align: center; line-height: 44px; padding: 30px;}
.fa_pro .pro_li .item a{background: #f3f3f3;}
.fa_pro .pro_li{padding-top: 0; padding-bottom: 100px;}
.shequ .hexin_li{width:calc(33.33% - 30px)}
.xiaoyuan .youshi_li{width:25%}
.jingtai .xz_di h3{font-size:18px}
.jingtai .hexin_li{width: calc(33.33% - 30px);}
.jingtai .wuda .hexin_li{width: calc(20% - 30px);}
.fatedian{background:#ddd; padding-bottom:80px}
.fatedian li{width: calc(33.33% - 30px); margin:0 15px; margin-bottom:30px; padding:30px; text-align:center; color:#fff; font-size:20px; border-radius:6px; background:#26877c}
.fatedian ul{display: flex;
    flex-flow: row wrap;
    justify-content: center;}
.liuda .hexin_lidi h3{background:#26877c}
.chanzhan .fatedian{background:#26877c;}
.chanzhan .fatedian li{background:#f5a21c}
.chanzhan .fatedian .fa_title{color:#fff}
.chanzhan .ys_wz p{font-size:14px;}
.yitihua .xz_di p{height:auto}
.yitihua .jiagou{padding-bottom:80px;}
.yitihua .hexin_li {
  width: calc(25% - 30px);
}
.yitihua .fatedian li{background:#369491}


/*联系我们*/
.contact_ny h3{font-size: 36px; color: #369491; font-weight: 100; padding-bottom: 15px;}
.contact_ny h5{font-size: 24px; color: #6d6d6d; font-weight: 100;}
.contact_ny h5 a{color: #f5a21c; font-size: 24px; font-weight: 100;}
.dizhi_icon svg{width: 30px; height: 30px; color: #f5a21c; margin-left: 60px; position: relative; top: 5px;}
.dizhi_icon svg path{fill: #f5a21c}
.lianxi{margin: 0 -80px; overflow: hidden; padding-top: 75px; padding-bottom: 100px;}
.lianxi li{width: 50%; padding: 0 80px; float: left; }
.lianxili{border-top: solid 1px #ccc; border-bottom: solid 1px #ccc}
.lianxili .fa{float: left;}
.lianxili svg {width: 30px; height: 30px; }
.lianxili svg path{fill: #369491}
.lianxili{height: 114px; padding-top: 30px;}
.lianxi li:first-child .lianxili,.lianxi li:nth-child(2) .lianxili{border-bottom: 0}
.lianxili .fa6{width: 54px; height: 54px; float: left; background: url(../images/liubianxing.jpg) no-repeat center center; padding: 12px}
.lianxi li:nth-child(3) .lianxili .fa6{padding-top: 9px;}
.lianxili p{float: left; font-size: 20px; color: #333333; font-weight: 100; line-height: 54px; padding-left: 25px;}
.lianxili .fa-angle-right{float: right; line-height: 54px; font-size: 30px; color: #333; padding-right: 30px;}
.rongyu .ab_tit span{color: #f5a21c}
.ly_li{overflow: hidden; padding: 0 30px; margin-bottom: 30px;}
.ly_li p{width: 235px; float: left; line-height: 58px; text-align: left; font-size: 22px; font-weight: 100; color: #777777}
.ly_li input{height: 58px; border: solid 1px #ddd; width: calc(100% - 235px); padding: 0 10px;}
.ly_li p em{color: #fe0000; padding-right: 10px; font-style: normal;}
.ly_li:first-child p,.ly_li:nth-child(2) p{color: #fff}
.ly_li textarea{height: 240px; border: solid 1px #ddd; width: calc(100% - 235px);padding: 5px 10px;}
.lyrongyu .rongyujianjie{margin-bottom: 65px;}
.ly_but{text-align: center;}
.ly_but .submit{width: 188px; height: 46px; margin: 0 10px; line-height: 46px; background: #369491; border-radius: 46px; font-size: 20px; color: #fff; cursor: pointer;}
.ly_but .reset{background: #f5a21c; cursor: pointer;}
*:focus{outline: none;}

/*经典案例*/
.case_tuijian{overflow: hidden; padding-bottom: 70px; border-bottom: solid 2px #eee; margin-bottom: 50px;}
.case-left{width: 60%; float: left; padding-right: 150px;}
.case-right{float: right; width: 40%; height: 250px; position: relative; overflow: hidden;}
.case-right img{width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.case-left h3{font-size:36px; color: #2b2b2b; padding-bottom: 20px;}
.case-left h5{font-size:22px; color: #666; padding-bottom: 40px;}
.case-left p{font-size: 14px; color: #666; line-height: 2em;}
.case-list .case_li{width: 25%; float: left; padding: 0 15px;}
.case-list{overflow: hidden; margin: 0 -15px;}
.case_li a{position: relative; display: block; overflow: hidden;}
.case_li img{display: block; float: left; width: 100%}
.case_js{position: absolute; z-index: 2; bottom: 0; background: rgba(0,0,0,0.4); width: 100%; padding:15px 25px;}
.case_js h3{font-size: 22px; color: #fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: normal;}
.case_js svg{width: 20px; height: 20px; position: relative; top: 10px; float: right;}
.case_li a:hover span{width: 100%}
.case-list{margin-bottom: 80px;}
.case_js svg path{fill:#fff;}
.case_js span{color: #fff; font-size: 14px; line-height: 42px; width: 115px; border-top: solid 1px #fff; border-bottom: solid 1px #fff; display: block; margin-top: 25px; margin-bottom: 15px; transition: all 0.5s}

/*案例向前*/
.an_detail .dingwei h3{font-size: 48px;}
.title213{font-size: 24px; color: #000;padding-bottom: 10px;}
.biaoqian a{display: inline-block; background: #369491; line-height: 30px; padding: 0 15px; color: #fff; margin-right:10px;}
.fabu{font-size: 14px; color: #333333; padding-bottom: 25px; padding-top: 20px; border-bottom: solid 1px #ccc; margin-bottom: 44px;}
.fabu span{padding-left: 50px}
.fanhui > div{padding:0}
.fanhui .col-sm-4{text-align: right; line-height: 24px;}
.neirong{padding-bottom: 40px; border-bottom: solid 1px #ddd; margin-bottom: 20px;}
.fanhui .col-sm-8 a{ line-height: 30px; color: #555; font-size: 15px; }
.fh_more{width: 150px; height: 40px; line-height: 40px; color: #fff; background: #369491; display: block; border-radius: 10px;  margin: 0 auto; margin-top: 30px; text-align: center;}
.fh_more:hover{color: #fff;}
.xxny{background: #fff; padding: 100px 0}

/*招商*/
.section1 .zs_txt{display: block;}
.zs_txt{display: block;width: 100%; position: relative; z-index: 1; text-align: center; display: none}
.zhaoshang .banner{position: absolute; top: 0}
.zs_txt h3{font-size: 90px; font-weight: 400; color: #fff;}
.zs_txt h3 span{color: #369491; font-size: 110px; font-weight: bold;}
.zs_txt p{font-size: 24px; color: #fff; margin-top: 110px; font-weight: 400;}
.zs_txt p span{margin: 0 40px;}
.zs_biaoti h3{font-size: 35px; line-height: 35px; color: #369491; text-align: left; font-weight: 700;}
.zs_biaoti h4{text-transform:uppercase; line-height: 22px; font-weight: 400; font-size: 22px; color: #369491; text-align: left; padding-top: 15px;}
.zs_biaoti{border-left: solid 8px #f5a21c; padding-left: 20px;}
.zs_txt2 p{font-size: 16px; line-height: 30px; color: #000; text-align: left; margin-top: 55px;}
.zs_txt2 { max-width: 580px;}
.teleft{text-align: left;}
.teright{text-align: right;}
.teright .zs_txt2{float: right;}
.hezuo{width: 100%; max-width: 830px; margin: 0 auto}
.hezuo .zs_biaoti{border: 0}
.hezuo .zs_biaoti h3,.hezuo .zs_biaoti h4,.hezuo p{text-align: center;}
.hezuo .zs_biaoti h3{position: relative; }
.hezuo .zs_biaoti h3:after{content: ""; display: block; width: 50px; height: 4px; background: #f5a21c; margin: 15px auto; margin-top: 25px;}



/*翻页*/
.pages{margin:30px 0 30px 0;text-align: center; margin-bottom: 60px;}
.pages a,.pages span{display: inline-block;height: 30px;padding:0 8px;margin:0 5px; line-height: 28px;color:#666;  border:1px solid #ccc;  min-width: 30px;text-align: center; font-size: 14px;border-radius: 5px;}
.pages a:hover,.pages a.on{border:1px solid #369491;color:#fff;background-color: #369491;}



/*头尾部样式*/
img{max-width: 100%}
.top{position: fixed; z-index: 1000; border-bottom: solid 1px rgba(255,255,255,0.2); width: 100%; top: 0}
.logo{border-right: solid 1px rgba(255,255,255,0.2); float: left; height: 70px;}
.nav_top{float: right;}
.nav_top > ul > li{display: inline-block; padding: 0 10px; line-height: 70px;}
.nav_top > ul > li > a{color: #fff; padding:0 20px}
.nav_top > ul > li.search{background: #f5a21c; width: 70px; height: 70px; padding: 0; text-align: center; overflow: hidden; float: right;}
.search i{font-size: 20px; color: #fff; margin-top: 15px; overflow: hidden;}
.w_1560{width: 1560px; margin: 0 auto}
.w_1360{width: 1360px; margin: 0 auto}
#header.on{ background: #369491; border-bottom: 0}
#header.on .logo{}
.nav_top{position:relative}
.nav_top2 > ul > li:hover .subnav{ transform: rotateX(0deg);}
.subnav{position: absolute;top: 72px;width: 100%;left:0;background:rgba(255,255,255,.7);overflow:hidden; transform-origin: top;
  transform: rotateX(90deg);
  transition: transform 0.3s linear;}
.subnav dl{width: 25%;float: left;margin:0;padding: 2.5%;position: relative;}
.subnav.prosubnav dl{width: 20%;}
.subnav.slosubnav dl{width: 33.33%;}
.subnav dl:before{width: 1px;height: 300%;content: '';background:#e0dfdf;top: 0;left: 0;position: absolute;}
.subnav dl dt img{display: block;}
.subnav dl dt h5 a{font-size:16px;color: #369491;line-height:50px; font-weight:normal; display: block; padding: 0;}
.subnav dl dt h5 .Mhide{font-size: 14px;color: #00a0d9;margin-left:5%;}
.subnav dl dd{margin:0;line-height:1;}
.subnav dl dd a{font-size:14px;line-height:32px; padding:0; color:#666}
.subnav dl a:hover{color:#f5a21c}
#aboutus{position:relative}
#solution .subnav.prosubnav dl dd{width:33.33%; float:left; line-height:75px;}
#solution .subnav.prosubnav dl{width:100%}
#aboutus .subnav.prosubnav dl{width:160px; padding:0 15px}
#aboutus .subnav{width:160px; padding:10px 0}
#solution .subnav.prosubnav dl dd:first-child{background: url(../images/nfa_icon1.png) no-repeat center left; padding-left:75px; }
#solution .subnav.prosubnav dl dd:nth-child(2){background: url(../images/nfa_icon2.png) no-repeat center left; padding-left:75px; }
#solution .subnav.prosubnav dl dd:nth-child(3){background: url(../images/nfa_icon3.png) no-repeat center left; padding-left:75px; }
#solution .subnav.prosubnav dl dd:nth-child(4){background: url(../images/nfa_icon4.png) no-repeat center left; padding-left:75px; }
#solution .subnav.prosubnav dl dd:nth-child(5){background: url(../images/nfa_icon5.png) no-repeat center left; padding-left:75px; }
#solution .subnav.prosubnav dl dd:nth-child(6){background: url(../images/nfa_icon6.png) no-repeat center left; padding-left:75px; }
#solution .subnav.prosubnav dl dd:nth-child(7){background: url(../images/nfa_icon7.png) no-repeat center left; padding-left:75px; }
#solution .subnav.prosubnav dl dd:nth-child(8){background: url(../images/nfa_icon8.png) no-repeat center left; padding-left:75px; }
#solution .subnav.prosubnav dl dd:nth-child(9){background: url(../images/nfa_icon9.png) no-repeat center left; padding-left:75px; }


.title{font-size: 30px; color: #fff; font-weight: bold; font-style: italic; background: url(../images/title_bg.png) no-repeat left bottom; padding-bottom: 10px;}
.title span{font-size: 16px; letter-spacing:5px; color: #fff; margin-top: 5px; display: block; text-transform: uppercase; font-weight: lighter;}

footer{background: url(../images/footer.jpg) no-repeat top center; background-size: cover; padding-top: 60px; overflow: hidden;}
.left_bot{width: 60%; float: left;}
.left_bot dl{float: left; padding-right: 90px;}
.left_bot dt{font-size: 15px; font-weight: bold; height: 30px; color: #fff;}
.left_bot dd a{font-size: 14px; color: #ddd; line-height: 36px;}
.left_bot dd a:hover{color: #f5a21c}
.footer_right{float: right; text-align: right;}
.ewm{float: left}
.footer_right p{font-size: 18px; color: #fff; font-weight: bold;}
.footer_right h2{font-size: 24px; margin: 15px 0; color: #fff; font-weight: bold;}
.footer_right h3{font-size: 18px; margin-bottom: 38px; color: #fff; font-weight: bold;}
.copyright p{float: right;}
.copyright {overflow: hidden; margin-top:35px; line-height: 60px; border-top: solid 1px #3e3f40; font-size: 14px; color: #fff}
.nav_top li:hover > a,.nav_top li.active > a{color: #f5a21c;}
.nav_top li:hover,.nav_top .active{ border-bottom: solid 2px #f5a21c}

#superContainer .section{height: 100vh}

#navToggle {
        padding: 9px 15px; padding-top: 16px;
        margin-right: 0px;
        display: inline-block; display: none;
        float: right; position: fixed; right: 0; top: 0;
    }
#navToggle span {
        position: relative;
        width: 28px;
        height: 2px;
        margin-top: 19px;
    }
#navToggle span:before,#navToggle span:after {
        content: '';
        position: relative;
        width: 100%;
        height: 2px;
        left: 0;
    }
#navToggle span,#navToggle span:before,#navToggle span:after {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display: block;
        background: #fff;
    }
#navToggle span,#navToggle span:before,#navToggle span:after{background: #fff;}
#navToggle span:before {
        top: 8px;
    }
#navToggle span:after {
        bottom: 10px;
    }
#navToggle.open span:before {
        top: 10px;
        -webkit-transform: translateY(-11px) rotate(-45deg);
        -moz-transform: translateY(-11px) rotate(-45deg);
        -ms-transform: translateY(-11px) rotate(-45deg);
        -o-transform: translateY(-11px) rotate(-45deg);
        transform: translateY(-11px) rotate(-45deg);
    }
#navToggle.open span:after {
        bottom: 12px;
        -webkit-transform: translateY(10px) rotate(45deg);
        -moz-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        -o-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
    }
#navToggle.open span {
        background: none;
    }
#navToggle.open span:before,#navToggle.open span:after {
        background: #fff;
    }
  .about_wenzi2,.about_wenzi3{display:none}
  .rongyu img{width:100%}
.col-sm-4{width:33.333%; float:left}
.col-sm-8{width:66.6666%; float:left}
.news_li{overflow:hidden; border-bottom:solid 1px #ddd; padding:30px 0}
.news_js {padding-left:30px}
.news_js svg{width:30px; height:30px;     position: relative;
    top: 8px;}
.news_js h3{color:#333; padding-bottom: 20px;}
.news_js h4{color:#333; font-weight:normal; padding-bottom: 20px;}
.news_js span{color:#666; font-size:14px}



@media (max-width: 1600px){ 
    .w_1560{width:1360px;}
    .section2 .listBox .righBox li{height: 238px;}
    .section2 .listBox li{height: 480px;}
    .imgBox{padding: 20px;}
    .section2 .listBox{margin-top: 50px;}
    .about_txt p{font-size: 14px;}
    .counter{padding-top: 50px;}
    .left_bot dl{    padding-right: 70px;}
}

@media (max-width: 1460px){ 
    .w_1560,.w_1360{width:1160px;}
    .section2 .listBox .righBox li{height: 198px;}
    .section2 .listBox li{height: 400px;}
    .imgBox{padding: 0px;}
    .section2 .listBox{margin-top: 50px;}
    .about_txt p{font-size: 14px;}
    .counter{padding-top: 50px;}
    .left_bot dl{padding-right:50px}
    .xx_right h3{    font-size: 26px;}
    .xx_right h4{font-size:20px;}
    .about_wenzi{display:none}
    .about_wenzi2{width:100%; padding-right:0}
    .about_wenzi2,.about_wenzi3{display:block}
    .fangna_txt{top:55px}
    .fangna_txt p{-webkit-line-clamp: 2;}
    .fangan_li a:hover .fangna_txt span{width: 70px; height: 70px; }
    .fangna_txt span{width:60px; height:60px;}
    .fangan_li a:hover .fangna_txt{top:25px}
}

@media (max-width: 1200px){ 
    #navToggle{display: block;}
    .section2,.section4,.section3{padding: 40px 0}
    .nav_top ul{background: rgba(54,148,145,0.9); display: none; position: fixed; top: 70px; left: 0; width: 100%; height: 100vh; overflow-y: scroll;}
    .nav_top > ul > li.search{display: none}
    .nav_top > ul > li{display: block; margin: 0 15px; text-align: left;}
    .w_1560,.w_1360{width:100%; padding: 0 15px}
    .section2 .listBox .righBox li{height: 198px;}
    .section2 .listBox .righBox li{margin-bottom: 2px; margin-top: 0;}
    .section2 .listBox li{height: 198px; margin-top: 2px;}
    .imgBox{padding: 0px;}
    .section2 .listBox{margin-top: 50px;}
    .about_txt p{font-size: 14px;}
    .counter{padding-top: 50px;}
    .con_txt{font-size: 24px;}
    .swiper-button-prev:after, .swiper-button-next:after{font-size: 20px;}
    .section2 .listBox .leftBox,.section2 .listBox .righBox{float: inherit; width: 100%}
    .cp_nav li{margin: 0 10px; margin-bottom: 20px;}
    .listBox ul{overflow: hidden;}
    .pro_li li{width: 100%; margin-bottom: 20px;}
    .pro_li{padding-top: 15px;}
    .button{margin-top: 20px;}
    .about_txt{width: 100%}
    .wrapper{overflow: hidden;}
    .counter{width: 33.33%}
    .count-text{font-size: 14px;}
    .counter h2{font-size: 28px;}
    footer{padding-top: 30px;}
    .left_bot dl{padding-right: 30px;}
    .left_bot{width: 100%; display: none}
    .ewm{display: none}
    .copyright{line-height: 1.5em; padding: 15px 0}
    .copyright p{float: left;}
    .logo{border-right: 0}
    .ny_banner{height: 400px; }
    .ny_banner img{height: 400px; max-width: initial; width: auto; left: -50%; margin-left: 50%; position: absolute;}
    .ny_banner p{font-size: 30px;}
    .ny_banner p span{font-size: 40px;}
    .lujing{display: none}
    .ny_nav .w_1360{padding: 0}
    .ny_nav li{padding: 0 15px;}
    .abouts_ny h3{font-size: 20px;}
    .abouts_ny h3 span{font-size: 20px; top: 0  }
    .abouts_ny h5{font-size: 24px;}
    .about_wenzi{width: 100%;padding-right: 0}
    .about-jianjie img{width: 100%}
    .abouts_ny .wrapper{margin: 30px 0; padding: 15px 0;}
    .abouts_ny .count-text{font-size: 14px;}
    .abouts_ny .timer{font-size: 24px;}
    .abouts_ny .count-text{ padding-top: 10px; }
    .abouts_ny .counter{font-size: 16px;}
    .rongyu .rongyujianjie{padding: 0; font-size: 16px; line-height: 2em; margin-bottom: 30px;}
    .case_tuijian{display: none}
    .case-list .case_li:first-child{display: block;}
    .case-list .case_li{width: 100%; margin-bottom: 30px;}
    .contact_ny h5 a{display: block;}
    .dizhi_icon svg{margin-left: 0}
    .lianxi li{width: 100%}
    .lianxili .fa-angle-right{padding-right: 10px}
    .lianxili p{font-size: 18px;}
    .ly_li textarea,.ly_li input{width: 100%}
    .ly_li:nth-child(2) p{color: #777}
    .ly_li{margin-bottom: 0; padding: 0}
    .ly_but .submit{width: 100px; font-size: 16px; margin-top: 15px;}
    .ly_li p{font-size: 18px;}
    .ly_li input{height: 36px;}
    .ly_li textarea{height: 108px;}
    .hexin_tit{font-size: 30px;}
    .suanfa_li{width: 100%; margin-bottom: 30px;}
    .suanfa_list p{height: auto;}
    .yingjian_li img{width: 90px; margin: 0 5px;}
    .yjyanfa{padding-bottom: 50px;}
    .w_50{width: 100%}
    .zhizao .wzjs{margin: 0}
    .ny_nav ul{overflow: hidden;}
    .ny_nav{height: auto;}
    .pro_nyli{width: 100%; padding: 0}
    .xx_right,.xx_lft{width: 100%; padding: 0}
    .xx_right{margin-top: 30px;}
    .pd_right{padding: 15px; height: auto;}
    .xx_right h3{font-size: 24px;}
    .xx_right h4{font-size: 18px;}
    .canshu_table td{width: 50% !important}
    .canshu_table table tr:first-child td{padding: 0 15px; font-size: 20px;}
    .canshu_table table td{padding: 0 10px; font-size: 16px;}
    .ny_nav{margin-bottom: 40px;}
    .fangan_ny{padding-bottom: 20px;}
    .fangan_li{width: 100%}
    .fangna_txt span{width: 60px; height: 60px;}
    .fangna_txt{top: 50px;}
    .fangna_txt p{display: none !important}
    .xz_li{width: 100%; margin-bottom: 30px}
    .xianzhuang{padding-bottom: 40px;}
    .fa_title{padding: 40px 0 65px 0}
    .youshi_li{width: 100%}
    .hexin_li{width: 100%; margin-bottom: 30px;}
    .youshi{padding-bottom: 40px;}
    .fa_pro .imgBox{padding: 30px;}
    .fa_pro .pro_li{padding-bottom: 40px;}
    .ny_banner .dingwei{z-index: 100; width: calc(100% - 30px); padding: 0; margin-top: -80px;}
    .ny_banner .dingwei h3{font-size: 40px}
    .ny_banner .dingwei h4{font-size: 16px; line-height: 2em; display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-line-clamp: 4; /* 2行，只有 webkit内核支持 */
    word-break: break-all; /* 纯英文换行 */
    overflow: hidden;}
    .xxny{padding-top: 40px; padding-bottom: 40px;}
    .fabu{line-height: 30px;}
    .fabu span{padding-left: 0; display: block;}
    .fanhui .col-sm-4{text-align: left;}

    .zs_txt h3{font-size: 30px;}
    .zs_txt h3 span{font-size: 40px;}
    .zs_txt p{font-size: 16px; line-height: 2em; margin-top: 50px;}
    .zs_txt p span{margin: 0 15px;}
    .zs_txt p .span3{display: block; height: 0}
    .nav_top li:hover, .nav_top .active{border-bottom:solid 1px #f5a21c}
    .nav_top > ul > li{ padding:0}
    .nav_top > ul > li > a{display:block; position:relative; padding:0 15px; border-bottom:solid 1px #70b9b7}
    #product > a:after,#aboutus > a:after,#solution > a:after{width: 11px;height: 7px;content: '';background-image: url(../images/icon1_1.png);top: 50%;margin-top:-3.5px;right:10px;position: absolute;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
    .subnav.prosubnav dl{width:100%; float:initial}
    .subnav dl:before{background:none}
    .subnav dl dt img{display:none}
    .subnav dl dt h5 a{color:#fff}
    .subnav dl a{padding: 0 30px !important}
    .subnav dl{padding:0 15px; border-bottom:solid 1px #70b9b7}
    .subnav dl dd a{color:#fff;padding: 0 45px !important; line-height:30px}
    .subnav dl dd:last-child{padding-bottom:10px;}
   #solution .subnav, #aboutus .subnav, #solution .subnav.prosubnav dl, #aboutus .subnav.prosubnav dl{width:100%}
   .subnav{display:none}
   .my_banner .swiper-slide:nth-child(6) .con_txt span, .my_banner .swiper-slide:nth-child(3) .con_txt span, .my_banner .swiper-slide:nth-child(4) .con_txt span, .my_banner .swiper-slide:nth-child(5) .con_txt span{font-size:50px}
   .my_banner .swiper-slide:nth-child(6) .con_txt, .my_banner .swiper-slide:nth-child(3) .con_txt, .my_banner .swiper-slide:nth-child(4) .con_txt, .my_banner .swiper-slide:nth-child(5) .con_txt{font-size:24px; text-align：center}
   .ny_nav li > a{padding:0 20px}
   .sanjier{top:105px}
   .sanjier .w_1360 a {
    color: #333;    margin: 0 10px;    padding: 0;     display: inline-block;}
   .sanjiaoxia:after {
    -webkit-transform: rotate(180deg) !important;
    -moz-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}
#solution .subnav.prosubnav dl{padding:20px 0}
#solution .subnav.prosubnav dl dd{background:none !important; padding-left:0 !important; width:100% !important; float: inherit !important; line-height:normal}
.news_li {padding:30px 15px}
.col-sm-4,.col-sm-8{width:100%}
.news_js{padding-left:0}
}
@media (max-height: 1000px){ 
	.counter{padding-top:50px}
	.section4 .title{padding-top:30px;}
}